<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<link href="../css/account.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/packed_jquery.js"></script>
<script type="text/javascript" src="../js/global.js" charset="utf-8"></script>
<script type="text/javascript">
        event_init_tab();
        function switch_tab(tab_id){
            hide_tab_id = $("#comment_tab .on")[0].id;
            if (hide_tab_id==tab_id)
                return false;
                $("#"+tab_id).addClass("on");
                $("#"+hide_tab_id).removeClass("on");
                $("#w"+hide_tab_id).hide();
                $("#w"+tab_id).show();
        }
        </script>
</head>
<body>
<div class="nav_bg">
  <div id="nav_top">
    <ul class="menu">
      <li class="icon_left">&nbsp;</li>
      <li><a href="#">登录</a></li>
      <li>|</li>
      <li><a href="#">注册</a></li>
      <li class="icon_right"></li>
    </ul>
  </div>
</div>
<div id="wrapper">
  <!-- HEADER -->
  <div id="header">
    <div id="logo"><a href="#" class="logo"><span style="visibility:hidden">
      <h1>hidoudou.com</h1>
      </span></a></div>
    <div id="nav_menu">
      <ul id="main_menu" class="menu_drop">
        <li class="current" id="menu_home"><a href="#">首页</a></li>
        <li class="" id="menu_1"><a href="#">风格</a></li>
        <li  class="" id="menu_2"><a href="#">热点</a><span class="dropper" style="display:block;margin-top:4px;width:16px;
	height:14px;background-image:url(images/html_bg.gif);background-repeat:no-repeat;background-position:right -35px;float:left;"></span></li>
        <li id="menu_3"><a href="#">品牌</a></li>
      </ul>
      <div id="globalsearch">
        <div class="search_wrap empty"> <span class="left"></span>
          <input value="关键字" autocomplete="off" class="search_pre" name="q" />
          <span class="right"></span>
          <div class="reset">搜索</div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
                 dropmenu.init([{name:'home', popup: false}, {name:'1', popup: false}, {name:'2'}, {name:'3', popup: false}], 'home');
            </script>
  </div>
  <!-- HEADER END -->
  <div class="clear"></div>
  <!-- CONTENT-->
  <div id="content">
    <h1>添加或更改你的大头像</h1>
    <div class="grid-16-8 clearfix">
      <div class="article">
        <div class="clear"></div>
        <div class="xbar">
          <div> <a href="#">广播隐私</a> <span class="now"><span>头像更改</span></span><a href="#">帐号与密码</a><a href="#">个人资料</a> </div>
        </div>
        <div class="clear"></div>
        <table >
          <tbody>
            <tr>
              <td valign="top"><img style="float: left; margin: 1px 18px 1px 0pt;" src="../icon/user_5.jpg"></td>
              <td><div class="m">从电脑中选择你喜欢的照片:</div>
                <br>
                <span class="pl">你可以上传JPG、JPEG、GIF、PNG或BMP文件。</span><br>
                <input type="file" style="width: 300px;" name="file">
                <br/>
                <br/>
                <input type="submit" value="上传照片" name="submit">
                <br/>
                <br/>
                <p class="ul"></p>
                <br/>
                <div class="m">这是你的头像图标</div>
                <br/>
                <div style="float: left; overflow: hidden; width: 48px; height: 48px; border: 1px solid rgb(240, 240, 240);"> <img id="preimg" src="../icon/user_5.jpg" style="width: 52px; height: 52px; margin-left: -2px; margin-top: -2px;"></div>
                <div style="margin-left: 56px;" class="pl">预览的小图即为保存后的头像图标。</div>
                <div class="clear"></div>
                <br/></td>
            </tr>
            <tr>
              <td style="padding-top: 20px;" colspan="2"><input type="submit" value="保存头像设置" >
                <input type="submit" value="撤消" ></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="aside">
        <h2> 查看衣评吧 </h2>
        上传你喜欢的照片，随意拖拽或调整大图中的虚线方格，预览的小图（48x48像素）即为保存后的头像图标。<br/>
        建议上传近距离的照片（比如大头照、特写），这样经过编辑后的头像会很清楚。<br/>
        保存成功后如果图标不更新，你可以用浏览器多刷新几次。 </div>
      <div class="extra"> </div>
    </div>
  </div>
</div>
<!-- CONTENT END -->
<div class="clear"></div>
<!--FOOTER-->
<div id="footer">
  <div class="footer_top"> <span id="icp" class="fleft"> <a href="#" class="link_01">关于本站</a> <a href="#" class="link_01">联系我们</a> <a href="#" class="link_01">免责声明</a> <a href="#" class="link_01">帮助中心</a> <a href="#" class="link_01">品牌女装</a> </span> <span class="fright"> © 2010－2010 hidoudou.com, all rights reserved </span> </div>
  <div class="clear"></div>
  <div class="footer_bottom"><span class="bottom_l"></span>&nbsp;<span class="bottom_r"></span></div>
</div>
<!--FOOTER-->
</body>
</html>
